<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="author" content="陈嘉乐">
    <title></title>
    <style>
        * {
            box-sizing: border-box;
        }

        body {
            margin: 0;
        }

        .box {
            width: 1200px;
            margin: 0 auto;
        }

        .box ul {
            list-style: none;
            display: flex;
            justify-content: space-around;
        }

        .box ul li a {
            text-decoration: none;
        }

        .box h1 {
            text-align: center;
            height: 200px;
        }
    </style>
</head>

<body>
    <div class="box">
        <h1>个人首页</h1>
        <ul>
            <li><a href="./简易日历.html">简易日历</a></li>
            <li><a href="./简易选项卡.html">简易选项卡</a></li>
            <li><a href="百度新闻/百度新闻.html">百度新闻</a></li>
            <li><a href="./京东/京东图片/京东.html">京东</a></li>
            <li><a href="./千图网/重做千图网.html">重做千图网</a></li>
            <li><a href="./img1/改变图片路径.html">改变图片路径</a></li>
            <li><a href="./img1/改变图片透明度.html">改变图片透明度</a></li>
            <li><a href="./img1/提示框的效果.1.html">提示框的效果</a></li>
            <li><a href="./优酷/优酷.html">优酷</a></li>
            <li><a href="./优酷/优酷2.html">优酷首页</a></li>
            <li><a href="倒计时作业.html">倒计时作业</a></li>
            <li><a href="./唯品会/唯品会/index.html">唯品会</a></li>
            <li><a href="./下拉菜单/下拉菜单.html">下拉菜单</a></li>
            <li><a href="./遮罩层.html">遮罩层</a></li>
            <li><a href="./图片切换/轮播.html">jq轮播图</a></li>
            <li><a href="./图片切换/星星评分.html">jq星星评分</a></li>
             <li><a href="./图片切换/图片切换1.html">图片切换</a></li>
             <br>
              <li><a href="./考试轮播/考试轮播/index.html">考试轮播</a></li>
             <li><a href="./小米/index.html">很失败的小米</a></li>
             <li><a href="./小米商城/index.html">标准版的小米商城</a></li>
        </ul>
    </div>
</body>

</html>
<script>

</script>